<template>
   <div class="tmpl">
      <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media" v-for="item in newsList">
          <router-link :to="'/news/info/'+item.id"class="">
            <img class="mui-media-object mui-pull-left" :src="item.img_url">
            <div class="mui-media-body">
               {{item.title}}
              <p class="mui-ellipsis">{{item.zhaiyao}}</p>
            </div>
          </router-link>
        </li>
      </ul>
   </div>
</template>

<style>
  
</style>


<script>

      // import common from '../../tools/common.js';
      
      // export default {

      //     data(){

      //       return {
               
      //          newlist:[]
      //       };
      //     },

      //     created(){
      //         this.getlist();

      //     },
      //     methods:{
                 
      //       getlist(){
      //           const url= common.apihost+'api/getnewslist';

      //           this.$http.get(url).then(res=>{
      //                 this.newlist=res.body.message;
      //           },err=>{
      //             console.log(err);
      //           })
      //       }
      //     }

      // }


  import common from '../../tools/common.js';

    export default{
        data(){
            return {
                newsList : []
            };
        },
        created(){
            this.getNewsListData();
        },
        methods:{
            getNewsListData(){
                //1.url
                const url = common.apihost + "api/getnewslist";

                //2.send request
                this.$http.get(url).then(res=>{
                    //console.log(res.body.message);
                    this.newsList = res.body.message;
                },err=>{

                })
            }
        }
    }
</script>